<template>
    <div class="content-box">
        <div class="content">
            <div class="title">
              短链接
            </div>
            <div class="bus">
              <el-input class="input" v-model="longUrl"  clearable />
              <el-button type="warning" class="btn" plain>生成</el-button>
            </div>
        </div>
    </div>
</template>
<script setup>
import { ElMessage } from 'element-plus'
import { transfer } from '@/api/wmf.js'
import { ref } from 'vue'
const uploadRef = ref()
const longUrl = ref('')
const param = ref({})
</script>

<style scoped lang="scss">
.content-box{
  display:flex;
  justify-content: center;
  align-items: center;
  .content{
    display: flex;
    flex-direction: column;
    .title{
      font-size: 34px;
      font-weight: bold;
      text-align: center;

    }
    .bus{
      display: flex;
      .input{
        width: 450px;
      }
    }
  }
}
</style>